<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <meta name="format-detection" content="telephone=no"/>
    #parse("/h5/common/webWords.html")
    #parse("/h5/common/css.html")
    <link rel="stylesheet" type="text/css" href="http://${staticHost}/css/component.css"/>
    <script type="text/javascript" src="http://${staticHost}/js/jquery2.js"></script>
    <script type="text/javascript" src="http://${staticHost}/js/modernizr.custom.js"></script>
    <script type="text/javascript" src="http://${staticHost}/js/jquery.dlmenu.js"></script>
    <script src="http://${staticHost}/js/TouchSlide.js"></script>
    <link rel="stylesheet" type="text/css" href="http://${staticHost}/css/medioadaption.css"/>
    <link rel="stylesheet" type="text/css" href="http://${staticHost}/css/stcss.css"/>
    <script src="http://${staticHost}/js/layer.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var fristNum = 1;
            $(".moreRecruitment").click(function () {
                var _this = $(this);
                var sign = _this.attr('sign');
                var num = _this.attr('num');
                var keyword = $("#keyword").val();
                if(fristNum==1){
                    num = num*1 + 1;
                }else{
                    num = 1;
                }
                $.ajax({
                    type:'post',
                    url:'${requestHost}/public/moreRecruitment',
                    contentType:'application/x-www-form-urlencoded; charset=utf-8',
                    data:{
                        sign:sign,
                        num:num,
                        keyword:keyword,
                        parentId:2
                    },
                    success: function (result) {
                        if(fristNum==0){
                            $("#recruitmentId").empty();
                        }
                        var newsList = result.result;
                        var newsJson = eval("("+newsList+")");
                        $.each(newsJson, function (i, val) {
                        	var id = val.id;
                            var position = val.position;
                            var jobPayName = val.jobPayName;
                            var companyAddress = val.workPlaceName;
                            var workingLifeName = val.workingLifeName;
                            var recruitmentNatureName = val.recruitmentNatureName;
                            var educationalRequirementsName = val.educationalRequirementsName;
                            var companyName = val.companyName;
                            var headPortrait = val.headPortrait;
                            if(position.position > 40){
                                position.substring(0, 40)+'...';
                            }
                            var styleStr="";
                            if(i == 0){
                                if(fristNum==0){
                                    styleStr+="border-top: 0px #f8f7fc solid;";
                                }else{
                                    styleStr+="border-top: 12px #f8f7fc solid;";
                                }
                           	}
                           	if (i == newsJson.length-1){
                                styleStr+="border-bottom: 1px #f8f7fc solid;";
                           	}
                            $("#recruitmentId").append("<li class='jobli'  style='"+styleStr+"'><a positionId='"+id+"' type='personnel' class='checkStatus' onclick='toDetail(\""+id+"\")' href='javascript:void(0)'><p><span class='jobname fl'>"+position+"</span><span class='payment fr'>"+jobPayName+"</span></p><p class='fs14'><span class='fl c102'>"+companyAddress+"<i class='shuxian c172'>|</i>"+workingLifeName+"<i class='shuxian c172'>|</i>"+recruitmentNatureName+"<i class='shuxian c172'>|</i>"+educationalRequirementsName+"</span></p><p  class='fs14'><span><img src="+headPortrait+" style='width: 30px;z-index: 2;position: relative;'></span><span class='bgspan'>"+companyName+"</span></p></a></li>");
                            _this.attr('num', num);
                        });
                    }
                });
            });
            
            $("#searchNewJob").click(function(){
                fristNum = 0;
                $(".moreRecruitment").trigger("click");
            });
        });

        function toDetail(positionId) {
            $.ajax({
                type:'post',
                url:'${requestHost}/personnelWork/public/toWorkDetails',
                contentType:'application/x-www-form-urlencoded; charset=utf-8',
                data:{
                    positionId:positionId
                },
                success: function (result) {
                    if(result.status == "0"){
                        layer.open({
                            content: '该职位已关闭',
                            btn:'好的'
                        });
                    }else{
                        window.location.href='/personnelWork/auth/workDetails?positionId='+positionId+'&type=personnel';
                    }
                }
            });
        }
    </script>
    <style type="text/css">
        .scroll_box_more a:hover {
            background-color: #eeeeee;
            color: #666666;
        }

        .zs_news2 li {
            background: url('');
        }

        .kecheng li dl dt {
            background: url('');
        }

        .context_div {
            width: 90%;
            margin: 0px 0px 0px 15px;
        }

        .context_div span {
            color: #666666;
            font-size: 16px;
            width: 100%;
        }

        .personnel {
            border-bottom:none;
            margin-top: 0px;
        }
        .jobpersonbutton{background: #0f7bdd;color: white;font-size: 14px;width: 100px;height: 30px;line-height: 30px;border-radius: 3px;}

        .jobli {
            border-bottom: 12px #f8f7fc solid;
            padding: 8px 2% 16px 2%;
            width: 96%;
            float: left;
        }
        .jobli p {
            white-space: nowrap;overflow: hidden;
            height: 30px;
            line-height: 30px;
            color: #4e4e4e;
        }
        .jobli img {
            border-radius: 50%;
        }
        .jobname {
            color: black;
            font-size: 16px;
        }
        .payment {
            font-size: 16px;
            color: rgb(253,88,94);
        }
        .jobli p span{
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
        }
        .fs14 {
            font-size: 14px;
        }
        .c102 {
            color: rgb(102,102,102);
        }
        .c172 {
            color: rgb(172,172,172);
        }
        .shuxian {
            padding-left: 4px;
            padding-right: 4px;
        }
        .bgspan {
            background: rgb(244,245,247);
            padding: 0px 6px 0px 10px;
            color: rgb(153,153,153);
            border-radius: 10px 3px 3px 10px;
            margin-right: 8px;
            margin-left: -8px;
            z-index: 1;
        }

        .loadmorep {
            background: white;
            text-align: center;
            padding: 10px;
            font-size: 14px;
        }
        #keyword {
            background: url(http://116.255.210.85:9911/images/searchinput.png) no-repeat;
            background-size: 15px;
            background-position: 5px;
            padding-left: 25px;
        }

    </style>
</head>
<body style="background: white;">
<div>
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
           value="/wEPDwUKMTQ4NDMwODIxOQ9kFgICAQ9kFgQCBg8WAh4HY29udGVudAU75qKm5oOz5aSn5a2mLS0tIOaxh+mbhuWFqOeQg+S/oeaBr+efpeivhiDmnI3liqHmoqbmg7Pov73msYJkAgcPFgIfAAU65qKm5oOz5aSn5a2mLS0t5rGH6ZuG5YWo55CD5L+h5oGv55+l6K+GIOacjeWKoeaipuaDs+i/veaxgmRkU1CPJ6woJcCQ/tXXRMEafaTdRTM="/>
</div>
<div>
    <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="90059987"/>
</div>
<div class="head clear">
    <div class="logo"><img src="http://${staticHost}/images/mxzxlogo.png" style=" width: 135px;height: auto;padding-top: 12px;padding-left: 5px;"/></div>
  	<div style="float: left;padding-top: 20px;padding-left: 25px;"><h2 style="margin-top: 6%;color: green;">求职招聘</h2></div>
</div>
#parse("/h5/common/rightMenu.html")
<script type="text/javascript">
    $(function () {
        $('#dl-menu').dlmenu();
    });
</script>
<div class="banner clear">
    <div class="sliderbox" id="sliderbox1">
        <div class="bd">
            <div class="tempWrap">
                <ul>
                    #foreach($mxzx in $mxzxList)
                    <li><a class="pic"><img src="${imageHost}$mxzx.articleImg"/></a></li>
                    #end
                </ul>
            </div>
        </div>
        <div class="hd">
            <ul>
                <li class="on"></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <script src="http://${staticHost}/js/slider1.js"></script>
    </div>
</div>
<div>
    <div class=" clear">
    <div class="banji">
      <ul>
        <li>
          <a href="/public/jxjyIndex"><img src="http://${staticHost}/images/y03.png"><span>学历学位</span></a>
          <a href="/personnelWork/auth/applyJob?type=1"><img src="http://${staticHost}/images/wyzgz.png"><span>我找工作</span></a>
          <a href="http://www.mxdxedu.cn"><img src="http://${staticHost}/images/wyzrc.png"><span>我招人才</span></a>
          <a href="/edu/static/jumpOther?jumpType=2&collegeId=20"><img src="http://${staticHost}/images/y04.png"><span>职业学院</span></a>
          </li>       
      </ul>
    </div>
</div>
    <div style="background:#f8f7fc;height:10px;width:100%;"></div>
    <div class="mtits clear">
        <span>最新职位</span>
        <em style="font-size: 16px;">/ New Job</em>
    </div>
    <div align="center" style="padding:15px 0px;"><input type="text" id="keyword" value="#if(!$keyword)#else$keyword#end" style="border: 1px solid #ddd; height: 37px;line-height:30px; width: 60%;" placeholder="请输入搜索的职位" /><input type="button"  class="searchbutton" style="height: 39px; width: 60px;background: rgb(73, 185, 234);color: white;font-size:14px;" id="searchNewJob" value="找工作"/></div>
    <div class=" clear">
        <ul id="recruitmentId" class="userjobul" style="border-top: 1px #f8f7fc solid;">
            #foreach($recruitment in $recruitmentList)
	            <li class="jobli"  #if($velocityCount == $recruitmentList.size()) style="border-bottom: 1px #f8f7fc solid;" #end>
	                <a positionId='$recruitment.id' type='personnel' class='checkStatus' onclick="toDetail('$recruitment.id')" href="javascript:void(0)">
	                    <p>
	                        <span class="jobname fl">#if($recruitment.position.length()>40)$recruitment.position.substring(0,40)...#else$recruitment.position#end</span>
	                        <span class="payment fr">$recruitment.jobPayName</span>
	                    </p>
	                    <p class="fs14">
	                        <span class="fl c102">$recruitment.workPlaceName<i class="shuxian c172">|</i>$recruitment.workingLifeName<i class="shuxian c172">|</i>$recruitment.recruitmentNatureName<i class="shuxian c172">|</i>$recruitment.educationalRequirementsName</span>
	                    </p>
	                    <p  class="fs14">
	                        <span><img src="$recruitment.headPortrait" style="width: 30px;z-index: 2;position: relative;border-radius: 50% 50%;"></span>
	                        <span class="bgspan">$recruitment.companyName</span>
	                    </p>
	                </a>
	            </li>
            #end
        </ul>
    </div>

    <div class="scroll_box_more">
        <p class="loadmorep">
            <a onclick=return false disabled class="moreRecruitment" num="1" href="javascript:void(0)">点击加载更多<i><img src="http://${staticHost}/images/moredown.png" style="height:12px;width:auto;padding-left:6px;display: inline-block;"></i></a>
        </p>
    </div>
    <div style="background:#f8f7fc;height:10px;width:100%;"></div>
</div>
#parse("/h5/common/recordBottom.html")
</body>
</html>
